<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>Sass:Syntactically Awesome Style Sheets</title>
    <meta content="Syntactically Awesome Style Sheets" name="description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
   <div class="page">
       <div class="alert stickers">
           <div class="container">
               <p>
                   <strong>Sass stands with trans detainees.</strong>
                   <a href="https://www.tfaforms.com/369889">
                      Donate to the Trans Justice Funding Project. 
                   </a>
               </p>
           </div>
       </div>
       <div class="pop-stripe"></div>
       <header class="banner" role="banner">
           <div class="container">
               <h1 class="site-brand">
                   <a href="http://www.zhuchuli.cn:4000/hexo-theme-huxblog/">
                      <img height="48" src="images/logo-b6e1ef6e.svg" alt="Sass">
                   </a>
               </h1>
               <nav class="navigation collapse" role="navigation">
                    <ul>
                        <li><a href="./install.html">Install</a></li>
                        <li><a href="./guide.html">Learn Sass</a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./documentation.html">Documentation</a></li>
                        <li><a href="./community.html">Get Involved</a></li>
                        <li><a href="./libsass.html">libSass</a></li>
                    </ul>
               </nav>
               <div class="banner-toggle">
                   <button data-target=".navigation" data-toggle="collapse" type="button">
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                   </button>
               </div> 

           </div>
       </header>
       <div class="page-header">
           <div class="container">
               <h1> LibSass </h1>
           </div>
       </div>
       <div class="libsass">
            <div class="container">
                <nav aria-label="Content navigation" class="sl-l-medium-holy-grail__navigation" role="navigation"> <h2>Wrappers</h2> <div class="sl-c-list-navigation-wrapper"> <ul> <li><a href="#sassc">SassC</a></li> <li><a href="#crystal">Crystal</a></li> <li><a href="#go">Go</a></li> <li><a href="#java">Java</a></li> <li><a href="#javascript">JavaScript</a></li> <li><a href="#lua">Lua</a></li> <li><a href="#net">.NET</a></li> <li><a href="#node">Node</a></li> <li><a href="#perl">Perl</a></li> <li><a href="#php">PHP</a></li> <li><a href="#python">Python</a></li> <li><a href="#ruby">Ruby</a></li> <li><a href="#scala">Scala</a></li> </ul> </div> </nav> <div class="sl-l-medium-holy-grail__main"><div class="sl-l-large-holy-grail__complementary"> <h2>Resources</h2> <ul> <li> <a href="http://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/">Lightning fast Sass compiling with libsass, Node-sass and Grunt-sass</a> — by Ben Frain, August 2013 </li> <li> <a href="https://www.gitbooks.io/book/anotheruiguy/nodeexpreslibsass_from-scratch">Node, Express and libSass</a> — Node, Express and libSass: a project from scratch workshop </li> </ul> </div> <div class="sl-l-large-holy-grail__main docSearch-content"> <div class="sl-l-container sl-l-container--small"> <div class="sl-c-introduction"> <p>We want everyone to enjoy Sass, no matter what language they use. Sass was originally written in Ruby. LibSass is a C/C++ port of the Sass engine. The point is to be simple, faster, and easy to integrate. Find out more about the project over at <a href="http://github.com/sass/libsass">GitHub</a>.</p> </div> <h2>Wrappers</h2> <p>LibSass is just a library. To run the code locally (i.e. to compile&nbsp;your stylesheets), you need an implementer, or "wrapper". There are a number&nbsp;of other wrappers for LibSass. We encourage you to write your own wrapper —&nbsp;the whole point of LibSass is that we want to bring Sass to many other&nbsp;languages, not just&nbsp;Ruby!</p> <p>Below are the LibSass wrappers that we're currently aware of. Sometimes&nbsp;there are multiple wrappers per language –&nbsp;in those cases, we put the&nbsp;most recently-updated wrapper&nbsp;first.</p> <ul class="slides"> <li id="sassc"> <h3>Sass&nbsp;C</h3> <p><a href="https://github.com/sass/sassc">SassC</a> (get it?) is a wrapper written&nbsp;in C.</p> <p>To run the compiler on your local machine, you need to build SassC.&nbsp;To build SassC, you must have either a local copy of the LibSass source or&nbsp;it must be installed into your system. For development, please use the&nbsp;source version. You must then setup an environment variable pointing to&nbsp;the LibSass folder, for&nbsp;example:</p> <pre class="highlight plaintext"><code>export SASS_LIBSASS_PATH=/Users/hcatlin/path/libsass
</code></pre> <p>The executable will be in the bin folder. To run it, try&nbsp;something like:</p> <pre class="highlight plaintext"><code>./bin/sassc [input file] &gt; output.css
</code></pre> </li> <li id="crystal"> <h3>Crystal</h3> <p><a href="https://github.com/straight-shoota/sass.cr">sass.cr</a> is a LibSass&nbsp;wrapper for the <a href="https://crystal-lang.org/">Crystal programming language</a>.</p> </li> <li id="go"> <h3>Go</h3> <p><a href="https://github.com/wellington/go-libsass">go-libsass</a> has the most&nbsp;active GoLang wrapper. <a href="https://github.com/moovweb/gosass">gosass</a> is&nbsp;another LibSass&nbsp;wrapper.</p> <p><a href="http://getwt.io/">Wellington</a> is an extension to LibSass that&nbsp;adds spriting. It is available on brew:&nbsp;<code>brew install wellington</code></p> <p><a href="https://github.com/c9s/c6"><span class="caps">C6</span></a> is a Sass <span class="caps">3.2</span> compatible&nbsp;implementation written in pure GoLang that aims to extend&nbsp;Sass. <a href="https://github.com/wellington/sass">wellington/sass</a> is an&nbsp;in-progress pure Go Sass lexer, parser, and&nbsp;compiler.</p> </li> <li id="java"> <h3>Java</h3> <p>There is one Java wrapper — <a href="https://github.com/bit3/jsass">jsass</a>. There is also a plugin for Maven — <a href="https://gitlab.com/haynes/libsass-maven-plugin">LibSass&nbsp;Maven plugin</a>.</p> </li> <li id="javascript"> <h3>JavaScript</h3> <p>The <a href="https://github.com/medialize/sass.js">sass.js</a> project&nbsp;makes LibSass available as pure JavaScript. There's a way to <a href="http://medialize.github.io/playground.sass.js/">test it in&nbsp;the browser</a>,&nbsp;too.</p> </li> <li id="lua"> <h3>Lua</h3> <p>The Lua wrapper is found&nbsp;at <a href="https://github.com/craigbarnes/lua-sass">lua-sass</a>.</p> </li> <li id="net"> <h3>.<span class="caps">NET</span></h3> <p><a href="https://github.com/Taritsyn/LibSassHost">LibSass Host</a> is&nbsp;updated regularly, and is probably the best bet. There's&nbsp;also <a href="https://github.com/darrenkopp/libsass-net">libsass-net</a> or <a href="https://github.com/TBAPI-0KA/NSass">NSass</a>, although they haven't been updated in a&nbsp;while.</p> </li> <li id="node"> <h3>Node</h3> <p>The <a href="https://github.com/sass/node-sass">node-sass</a> project has proven&nbsp;to be popular, and we've taken it into the main Sass GitHub repo. Check&nbsp;out its package page <a href="https://www.npmjs.org/package/node-sass">here</a>,&nbsp;and <a href="https://twitter.com/nodesass">there's a dedicated twitter account</a>&nbsp;for updates.</p> </li> <li id="perl"> <h3>Perl</h3> <p>The <a href="https://github.com/sass/perl-libsass"><span class="caps">CSS</span>::Sass</a> project is&nbsp;updated regularly. There's&nbsp;the <a href="https://github.com/ysasaki/Text-Sass-XS">Text-Sass-<span class="caps">XS</span></a> project,&nbsp;too, although it hasn't been updated in a&nbsp;while.</p> </li> <li id="php"> <h3><span class="caps">PHP</span></h3> <p>The <a href="https://github.com/absalomedia/sassphp">Sass<span class="caps">PHP</span></a> project is&nbsp;an updated fork of an <a href="https://github.com/jamierumbelow/sassphp">older&nbsp;<span class="caps">PHP</span> version</a>.</p> </li> <li id="python"> <h3>Python</h3> <p>The <a href="https://github.com/sass/libsass-python">libsass-python</a>&nbsp;project is updated regularly. There are more details&nbsp;on <a href="https://sass.github.io/libsass-python/">its own website</a>.</p> <p>Three other Python&nbsp;projects, <a href="https://github.com/pistolero/python-scss">python-scss</a>, <a href="https://github.com/rsenk330/pylibsass">pylibsass</a>&nbsp;and <a href="https://github.com/marianoguerra/SassPython">SassPython</a>, haven't&nbsp;been updated in a&nbsp;while.</p> </li> <li id="ruby"> <h3>Ruby</h3> <p>LibSass has also been ported back into Ruby for&nbsp;the <a href="https://github.com/sass/sassc-ruby">sassc-ruby</a>&nbsp;project.</p> </li> <li id="rust"> <h3>Rust</h3> <p>The <a href="https://github.com/compass-rs/sass-rs"><code>sass_rs</code></a> crate is a&nbsp;LibSass wrapper and is updated&nbsp;regularly.</p> </li> <li id="scala"> <h3>Scala</h3> <p>The only Scala project, <a href="https://github.com/kkung/Sass-Scala">Sass-Scala</a>, hasn't been updated in a couple of&nbsp;years.</p> </li> </ul> <h2>About&nbsp;LibSass</h2> <p>This project is the brainchild of <a href="http://twitter.com/hcatlin">Hampton Catlin</a>, the original creator of Sass, and&nbsp;is sponsored by <a href="http://moovweb.com/">Moovweb</a>. <a href="http://github.com/akhleung">Aaron Leung</a> from Moovweb is the primary&nbsp;developer.</p> <figure> <img alt="LibSass logo" width="640" height="320" src="./images/libsass-80d510aa.png"> </figure> </div> </div> </div> </div>
            
       </div>
       <div class="alert release">
            <div class="container">
                <ul>
                    <li>Current Release：<span class="release-name">Select Steve（3.4.17）</span></li>
                    <li><a href="documentation/file.SASS_CHANGELOG.html">Release Notes</a></li>
                    <li><a href="https://github.com/sass/sass">Fork on Github</a></li>
                </ul>
            </div>
       </div>
   </div>
   <footer class="contentinfo" role="contentinfo">
        <nav class="container">
            <ul>
                <li class="contentinfo-legal">
                    <p>
                        Sass © 2006–2020  
                        <a href="http://www.hamptoncatlin.com/">Hampton Catlin</a>,
                        <a href="http://next-3.cpm">Natalie Weizenbaum</a>,
                        <a href="http://chriseppstein.github.io/">Chris&nbsp;Eppstein</a>,
                        and&nbsp;numerous&nbsp;contributors.
                    </p>
                    <p>
                        It is available for use and modification under the 
                        <a href="http://sass-lang.com/docs/yardoc/file.MIT-LICENSE.html">MIT&nbsp;License</a>.
                    </p>
                </li>
                <li class="contentinfo-tools">
                    <ul>
                        <li><a href="https://github.com/sass/sass">Sass Repo</a></li>
                        <li><a href="https://github.com/sass/sass-site">Website Repo</a></li>
                        <li><a href="/styleguide">Style Guide</a></li>
                        <li><a href="/community-guidelines">Community Guidelines</a></li>
                        <li><a href="https://gitee.com/chu_li_zhu">Gitee</a></li>
                    </ul>
                </li>
                <li class="contentinfo-social">
                    <a class="twitter-follow-button"  data-show-count="false" data-size="large" href="https://twitter.com/SassCSS">Follow @SassCSS</a>
                </li>
            </ul>
        </nav>
   </footer>
</body>
</html>